<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>整点报时</title>
	</head>
	<body>
		<h1></h1>
		<h2></h2>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		setInterval(function(){
			updateTimer();
		},1000)
		
		function updateTimer(){
			var now_data = new Date();
			var now_h = now_data.getHours();
			var now_m = now_data.getMinutes();
			var now_s = now_data.getSeconds();
			$("h1").text("现在的时间是："+ now_h+"："+now_m+"："+now_s);
			var among_m = 59 - now_m ;
			var among_s = 59 - now_s ;
			$("h2").text("距离下一个整点还有："+ among_m + "分 "+among_s +"秒");
			if(among_m == 0){
				if(among_s == 1||among_s<=1){
					alert('现在是整点了');
				}
			}
		}
	</script>
</html>
